/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.1.1
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay { display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:1000000; background-color:#222; background-color:rgba(0, 0, 0, .8); -webkit-transition:opacity .5s ease;
transition:opacity .5s ease
}
#baguetteBox-overlay.visible { opacity:1 }
#baguetteBox-overlay .full-image { display:inline-block; position:relative; width:100%; height:100%; text-align:center }
#baguetteBox-overlay .full-image figure { display:inline; margin:0; height:100% }
#baguetteBox-overlay .full-image img { display:inline-block; width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .6); -moz-box-shadow:0 0 8px rgba(0, 0, 0, .6); box-shadow:0 0 8px rgba(0, 0, 0, .6) }
#baguetteBox-overlay .full-image figcaption { display:block; position:absolute; bottom:10%; width:100%; text-align:center; line-height:1.8; color:#ccc; background-color:#000; background-color:rgba(0, 0, 0, .6); font-family:sans-serif; padding:10px 0px; font-size:16px;}
#baguetteBox-overlay .full-image:before { content:""; display:inline-block; height:50%; width:1px; margin-right:-1px }
#baguetteBox-slider { position:absolute; left:0; top:0; height:100%; width:100%; white-space:nowrap; -webkit-transition:left .4s ease, -webkit-transform .4s ease;
transition:left .4s ease, -moz-transform .4s ease;
transition:left .4s ease, transform .4s ease
}
#baguetteBox-slider.bounce-from-right { -webkit-animation:bounceFromRight .4s ease-out;
animation:bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left { -webkit-animation:bounceFromLeft .4s ease-out;
animation:bounceFromLeft .4s ease-out
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top:50%; top:calc(50% - 30px); width:44px; height:60px }
.baguetteBox-button { position:absolute; cursor:pointer; outline:0; padding:0; margin:0; border:0; -moz-border-radius:15%; border-radius:15%; background-color:#323232; background-color:rgba(50, 50, 50, .5); color:#ddd; font:1.6em sans-serif; -webkit-transition:background-color .4s ease;
transition:background-color .4s ease
}
.baguetteBox-button:hover { background-color:rgba(50, 50, 50, .9) }
.baguetteBox-button#next-button { right:2% }
.baguetteBox-button#previous-button { left:2% }
.baguetteBox-button#close-button { top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px }
.baguetteBox-button svg { position:absolute; left:0; top:0 }
.spinner { width:40px; height:40px; display:inline-block; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px }
.double-bounce1, .double-bounce2 { width:100%; height:100%; -moz-border-radius:50%; border-radius:50%; background-color:#fff; opacity:.6; position:absolute; top:0; left:0; -webkit-animation:bounce 2s infinite ease-in-out; animation:bounce 2s infinite ease-in-out }
.double-bounce2 { -webkit-animation-delay:-1s; animation-delay:-1s }
@-webkit-keyframes bounceFromRight { 0% {
margin-left:0
}
50% {
margin-left:-30px
}
100% {
margin-left:0
}
}
@keyframes bounceFromRight { 0% {
margin-left:0
}
50% {
margin-left:-30px
}
100% {
margin-left:0
}
}
@-webkit-keyframes bounceFromLeft { 0% {
margin-left:0
}
50% {
margin-left:30px
}
100% {
margin-left:0
}
}
@keyframes bounceFromLeft { 0% {
margin-left:0
}
50% {
margin-left:30px
}
100% {
margin-left:0
}
}
@-webkit-keyframes bounce { 0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounce { 0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
}